@CHARSET "UTF-8";
body {
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

a {
	text-decoration: none;
	color: #000000;
}

a:hover {
	text-decoration: underline;
}

img {
	border: 0px;
}

p {
	margin: 0px;
	padding: 0px;
}

input[type="text"][type="button"]["submit"],select {
	border: 1px solid silver;
	color: #696969;
	font-size: 1em;
}

textarea {
	color: #696969;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}

.chiudi {
	clear: both;
}

.mask {
	position: absolute;
	top: 100px;
	left: 200px;
	width:100%;
	height: 650px;
	z-index: 99999;
	display: none;
	background-color: #696969;
    opacity: 0.30;
    filter:alpha(opacity=30);
}

.loading {
	width: 200px;
	height: 32px;
	padding: 5px;
	position: absolute;
	z-index: 99999;
	left: 50%;
	margin-left:-100px;
	top: 50%;
	margin-top: -16px;
	background-color: #ffffff;
	color: #000000;
	opacity: 1 !important;
    filter:alpha(opacity=100) !important;
}

.container {
	position: relative;
	width: 970px;
	height: auto;
	margin-left: -485px;
	left: 50%;
}

.login {
	position: relative;
	width: 400px;
	height: 200px;;
	margin-left: -200px;
	left: 50%;
	margin-top: 150px;
	top: 50%;
	border: 1px solid black;
}

.header {
	position: absolute;
	width: 96%;
	height: 20px;
	line-height: 20px;
	margin: 2px;
	background-color: #ED8027;
	font-size: 1.1em;
	font-weight: bold;
	color: #ffffff;
	padding-left:10px;
}

.content {
	position: absolute;
	top: 20px;
	width: 96%;
	height: auto;
	padding:10px;
}

.error {
	color: red;
	font-size: 1.5em;
	font-weight:bold;
	padding:5px;
}

.size50 {
	width: 50px;
}

.size150 {
	width: 150px;
}

.size200 {
	width: 200px;
}

.size250_100 {
	width: 250px;
	height: 100px;
}

.viewport {
	width: 100%;
	height: 790px;
}

.view-top {
	top: 0px;
	left: 0px;
	position: absolute;
	width: 100%;
	height: 100px;
	border-bottom: 1px solid black;
}

.view-left {
	position: absolute;
	top: 100px;
	width: 200px;
	height: 650px;
	border-right: 1px solid black;
}

.view {
	position: absolute;
	top: 120px;
	left: 200px;
	height: auto;
	margin: 20px;
}

.navbar {
	position: absolute;
	top: 100px;
	left: 220px;
	height: 20px;
	line-height: 20px;
	width: auto;
	padding: 5px;
	font-size: 1em;
	font-weight: bold;
	color: #ED8027;
}

.help {
	position: absolute;
	top: 0px;
	left: 740px;
	width: 300px;
	height: 550px;
	border: 1px solid black;	
}

.view-bottom {
	position: absolute;
	top: 750px;
	width: 100%;
	height: 40px;
	border-top: 1px solid black;
}

.logo {
	position: relative;
	float: left;
	width: 300px;
	height: 100px;
	border-right: 1px solid black;
	background-image: url('../images/logo.png');
	background-repeat: no-repeat;
}

.top-center {
	position: relative;
	float: left;
	width: 800px;
	height: 100px;
	padding-left: 20px;
	padding-top: 20px;
	font-size: 1.5em;
	font-weight: bolder;
	line-height: 20px;
}

.top-right {
	position: relative;
	float: right;
	width: 100px;
	height: 100px;
	padding-top: 20px;
	text-align: center;
}

.menu-item {
	width: 170px;
	margin: 10px;
	height: 20px;
	line-height: 20px;
	cursor: pointer;
	border: 1px solid #ED8027;
	font-size: 1.1em;
	font-weight:bold;
	padding-left: 10px;
}

.submenu-item {
	display: none;
	width: 165px;
	margin : -5px 10px 0px 10px;
	font-size: 1em;
	font-weight:bold;
	border: 1px solid silver;
	padding-left: 15px;
}

.submenu-item a {
	display: block;
}

/* GRIGLIE */
.elenco {
	position: relative;
	/*width:798px;*/
	width:730px;
	height:550px;
	border:1px solid #000000;
	overflow-y: auto;
	overflow-x: hidden;
}

.header-elenco {
	width: 98%;
	height: 20px;
	line-height: 20px;
	margin: 2px;
	background-color: #ED8027;
	font-size: 1.1em;
	font-weight: bold;
	color: #ffffff;
	padding-left:10px;
}

.riga {
	width: 730px;
	height: 25px;
	margin-left: 2px;
}

.cell {
	position: relative;
	float: left;
	font-size: 1em;
	height: 25px;
	line-height: 25px;
	margin-right: 1px;
	padding-left: 5px;
}

.cell-header {
	position: relative;
	float: left;
	font-size: 1em;
	height: 20px;
	line-height: 20px;
	background-color: #FFB882;
	margin-right: 1px;
	color: #ffffff;
	font-weight: bolder;
	padding-left: 5px;
}

.pager {
	position: relative;
	/*width:798px;*/
	width:730px;
	height:30px;
	line-height:30px;
	border:1px solid #000000;
	margin-top: 10px;
}

.pager-left {
	position: relative;
	float: left;
	width:50px;
	height:30px;
	line-height:30px;
}

.pager-center {
	position: relative;
	float: left;
	width:630px;
	height:30px;
	line-height:30px;
	text-align: center;
}

.pager-right {
	position: relative;
	float: left;
	width:50px;
	height:30px;
	line-height:30px;
	text-align: right;
}

/* ICONE */
.ico-modifica {
	float: left;
	cursor: pointer;
	width: 30px;
	height: 25px;
	background-image: url(../images/icone-generali.png);
	background-position: 253px -1px;
}
.ico-elimina {
	float: left;
	width: 30px;
	height: 25px;
	background-image: url(../images/icone-generali.png);
	background-position: 223px -1px;
	cursor: pointer;
}
.ico-aggiungi {
	float: left;
	width: 30px;
	height: 25px;
	background-image: url(../images/icone-generali.png);
	background-position: 351px -1px;
	cursor: pointer;
}
.ico-aggiungi-40 {
	float: left;
	width: 45px;
	height: 40px;
	background-image: url(../images/icone-generali-2.png);
	background-position: 78px -1px;
	cursor: pointer;
}
.ico-attiva {
	float: left;
	width: 30px;
	height: 25px;
	background-image: url(../images/icone-generali.png);
	background-position: 495px -1px;
	cursor: pointer;
}
.ico-disattiva {
	float: left;
	width: 30px;
	height: 25px;
	background-image: url(../images/icone-generali.png);
	background-position: 467px -1px;
	cursor: pointer;
}
.ico-archivia {
	float: left;
	width: 30px;
	height: 25px;
	background-image: url(../images/icone-generali.png);
	background-position: 439px -1px;
	cursor: pointer;
}
.ico-ripristina {
	float: left;
	width: 30px;
	height: 25px;
	background-image: url(../images/icone-generali.png);
	background-position: 411px -1px;
	cursor: pointer;
}
.ico-maps {
	float: left;
	width: 30px;
	height: 25px;
	background-image: url(../images/maps.jpg);
	cursor: pointer;
}

/* FORM */
.cell-label-form {
	position:relative;
	float: left;
	width: 100px;
	height: 25px;
	line-height: 25px;
	margin-left: 10px;
	text-align:right;
}

.cell-input-form {
	position:relative;
	display: table-cell;
	vertical-align: middle;
	float: left;
	width: 200px;
	height: 25px;
	line-height: 25px;
	margin-left: 10px;
}

.form-size150 {
	width: 150px;
	height: 15px;
	margin-top: 2px;
}

.form-size200 {
	width: 200px;
	height: 15px;
	margin-top: 2px;
}

.form-size400 {
	width: 400px;
	height: 15px;
	margin-top: 2px;
}

.form-button {
	width: 200px;
	height: 30px;
	line-height: 30px;
	text-align:center;
	color: #ffffff;
	font-size: 1.5em;
	font-weight: bold;
	background-color: #ED8027;
}

.form-error {
	color:red;	
}

.form-box-messaggio {
	width: 98%;
	text-align: center;
	margin-top: 50px;
	font-size: 1.5em;
	font-weight: bold;
	color: #ED8027;
}

.box-messaggio {
	position: relative;
	width:300px;
	height:200px;
	border:1px solid #000000;
	left: 50%;
	margin-left: 150px;
}

.tit-sezione {
	position: relative;
	float: left;
	width:100px;
	height:15px;
	line-height: 15px;
	background-color: #ED8027;
	color: #ffffff;
	padding-left: 5px;
	font-weight:bold;
}

.box-sezione {
	position: relative;
	float: left;
	width: 700px;
	height: auto;
	border: 1px solid #ED8027;
	padding: 10px;
	margin-bottom: 10px;
}

.box-half-sezione {
	position: relative;
	float: left;
	width: 320px;
	height: auto;
	border: 1px solid silver;
	padding: 10px;
	z-index: 1;
}

.box-riga {
	position: relative;
	float: left;
	width: 689px;
	height: 30px;
	line-height: 30px;
	margin-top: 10px; 
}

.box-provincia-zona {
	position: relative;
	float: left;
	width: 320px;
	font-size: 1.2em;
}

.box-citta-zona {
	position: relative;
	float: left;
	width: 300px;
	font-size: 1.1em;
	padding-left: 20px;
}

.box-zona {
	position: relative;
	float: left;
	width: 280px;
	font-size: 1em;
	padding-left: 40px;
	cursor: move;
}

.box-zona-over {
	background-color: #cccccc;
	opacity:0.4;
	filter:alpha(opacity=40);
}

.box-zona-scelta {
	position: relative;
	float: left;
	width: 280px;
	font-size: 1em;
	padding-left: 0px;
	cursor: move;
	color: #ED8027;
	font-weight: bold;
}

.box-zona-dati {
	position: relative;
	float: left;
	width: 280px;
	font-size: 1em;
	border: 1px solid #ED8027;
}

.box-cliente {
	position: relative;
	float: left;
	width: 280px;
	font-size: 1em;
	padding-left: 0px;
	cursor: move;
}

.box-cliente-over {
	background-color: #cccccc;
	opacity:0.4;
	filter:alpha(opacity=40);
}

.box-cliente-scelta {
	position: relative;
	float: left;
	width: 280px;
	font-size: 1em;
	padding-left: 0px;
	cursor: move;
	color: #ED8027;
	font-weight: bold;
}

.box-smart {
	position: relative;
	float: left;
	width: 280px;
	font-size: 1em;
	padding-left: 0px;
	cursor: move;
}

.box-smart-over {
	background-color: #cccccc;
	opacity:0.4;
	filter:alpha(opacity=40);
}

.box-smart-scelta {
	position: relative;
	float: left;
	width: 280px;
	font-size: 1em;
	padding-left: 0px;
	cursor: move;
	color: #ED8027;
	font-weight: bold;
}

.titolo1 {
	font-size: 1em;
	font-weight: bold;
	color: #ED8027;
}

.titolo11 {
	font-size: 1.1em;
	font-weight: bold;
	color: #ED8027;
}

.maps {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	width:730px;
	height:600px;
	z-index: 9999;
	border: 1px solid #000000;
}

.canvas-map {
	width:730px;
	height:575px;
}

.toolMaps {
	width:730px;
	height:25px;
	line-height:25px;
	background-color: #ffffff;
}

.helper-color {
	position: relative;
	float: left;
	width: 20px;
	height: 20px;
	margin: 5px;
	border: 1px solid #000000;
}

.helper-text {
	position: relative;
	float: left;
	width: 200px;
	height: 20px;
	line-height: 20px;
	margin: 5px;
}

.helper-action {
	position: relative;
	float: left;
	width: auto;
	height: 20px;
	line-height: 20px;
	margin: 5px;
}

.win-foto-text {
	font-size: 1em;
	font-weight: bold;
	padding: 5px;
}

.win-foto {
	text-align: center;
}

.box-sms {
	width: 300px;
	margin-top: 20px;
	text-align: center;
}

.list-sms {
	width: 300px;
	height: 330px;
	overflow-x: hidden;
	overflow-y: auto;
	font-size: .9em;
}

.loading-sms {
	position: absolute;
	width: 300px;
	top: 40%;
	margin-top: -5px;
	height : 11px;
	text-align: center;
}

.p-sms {
	padding: 2px;
	margin: 5px;
	border: 1px solid silver;
	line-height: .95em;
}

.help-smart {
	position: absolute;
	top: 0px;
	left: 740px;
	width: 400px;
	height: 550px;
	border: 1px solid black;	
}

.box-riga-smart {
	width: 399px;
	height: 350px;
	border: 1px solid silver;
	overflow-x: hidden;
	overflow-y: auto;
}

.riga-smart {
	width: 400px;
	height: auto;
	margin-left: 2px;
}

.cell-smart {
	position: relative;
	float: left;
	font-size: 1em;
	height: 25px;
	line-height: 25px;
	margin-right: 1px;
	padding-left: 5px;
}

.cell-header-smart {
	position: relative;
	float: left;
	font-size: 1em;
	height: 20px;
	line-height: 20px;
	background-color: #FFB882;
	margin-right: 1px;
	color: #ffffff;
	font-weight: bolder;
	padding-left: 5px;
}

.form-smart-button {
	width: 100px;
	height: 20px;
	line-height: 20px;
	text-align:center;
	color: #ffffff;
	font-size: 1em;
	font-weight: bold;
	background-color: #ED8027;
}

.box-aggiungi-smart {
	width: 400px;
	height: auto;
	padding: 2px;
	display: none;
}

.form-button-smart {
	width: 150px;
	height: 25px;
	line-height: 25px;
	text-align:center;
	color: #ffffff;
	font-size: 1.1em;
	font-weight: bold;
	background-color: #ED8027;
}
